<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:replace="include/css"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/lrtk.css}">
    <title>登录</title>
    <style type="text/css">
        body {
            margin: 0;
            /*background: url(/images/bg.jpg) no-repeat 0px 0px;
            background-size:cover;
            -webkit-background-size:cover;
            -moz-background-size:cover;
            -o-background-size:cover;*/
        }
    </style>
</head>
<body style="background-color: #F4F6F8;">
<th:block th:replace="include/header:: header"/>
<div class="Upper">

    <table style="width: 100%" border="0" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td>
                <table style="width: 600px" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                        <td style="padding: 70px 0 0" align="left" width="385">
                            <h1 style="color: #f4f2ed"></h1>
                            <p style="color: #d3f1a0"></p>
                        </td>
                        <td style="padding: 15px 0 0" align="right" width="215">
                            <img src="/static/images/Autom-Leaf.png">
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 10px 0" colspan="2" align="right"></td>
                    </tr>
                </table>
                <table style="width: 600px" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                        <td class="content" style="" align="left"  valign="top" width="600">
                            <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="padding: 20px 0 25px 95px" align="left"></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>


<!-- 代码 结束 -->

<div class="logincontainer">
    <div class="login">
        <div class="headimage">
            <img id="headicon" src="/static/images/headIcon.jpg" class="img-circle" style="width:120px;height:120px;"/>
        </div>
        <h3></h3>
        <form id="loginform">
            <div class="form-group">
                <input class="form-control" placeholder="请输入账号或者邮箱" name="account" id="account"/>
            </div>
            <div class="form-group">
                <input type="password" class="form-control" placeholder="请输入密码" name="password" id="password"/>
            </div>
            <div class="checkbox">
                <label> <input type="checkbox" name="rememberMe" value="1" style="">
                    <span class="text-danger"><strong>记住我的登录信息(网吧公共场所请勿使用)</strong></span>
                </label>
            </div>
        </form>
        <button type="button" class="btn btn-info block full-width" id="login">登录</button>

        <p class="foot">
            <a href="/findpassword"> 忘记密码了？</a> | <a
                href="/register">注册一个新账号</a>
        </p>
    </div>
    <div th:replace="include/footer:: footer">
    </div>
</div>
<th:block th:replace="include/top"/>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script>
    $(function () {
        var $account = $("#account");
        /*$account.focus();
        $account.blur(function () {
            $.ajax({
                url: '/common/findHeadImage',
                type: 'get',
                dataType: 'json',
                data: {account: $(this).val()},
                success: function (result) {
                    var headIcon = result.data == null ? "headIcon.jpg" : result.data;
                    $("#headicon").attr({
                        src: "/static/images/" + headIcon
                    });
                }
            });

        });*/
    });
</script>

<script type="text/javascript">
    $.AutomLeafStart({
        leafsfolder: "/static/images/",
        howmanyimgsare: 8,
        initialleafs: 10,
        maxYposition: -10,
        multiplyclick: true,
        multiplynumber: 2,
        infinite: true,
        fallingsequence: 4000
    });
    $("#botAgregar").on("click", function () {
        $.AutomLeafAdd({
            leafsfolder: "/static/images/",
            add: 8,
        })
    });
</script>
</body>
</html>